<!DOCTYPE html>
<html>
<head>
	<title>logo</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/logo.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div class="wrapper">
	<!-- 头部 -->
	<div class="header">
		<div class="header_left ">
			<ul class="header_left_ul">
				<li class="header_left_li1">Home</li>
				<li>Portfolio</li>
				<li class="header_left_li3">Blog</li>
				<li>Contact</li>
			</ul>
		</div>
		<div class="header_right ">
			<form class="header_right_form">
				<input type="" name="" value="">
				<img src="images/glass.png">
			</form>
		</div>

	</div>
	<!-- 主体 -->
	
		<!-- 主体头部 -->
		<div class="main_top shadow relative">
			<img src="images/left.png" class="left absolute">
			<img src="images/main_bg.jpg">
			<img src="images/right.png" class="right absolute">
		</div>
			<!-- 主体中部 -->
		<div class="main_mid clearfix shadow">

			<div class="main_mid_1 ">
				<img src="images/icon1.jpg">
				<p class="text">Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<p class="more">more...</p>
			</div>
			<div class="main_mid_1 ">
				<img src="images/icon2.jpg">
				<p class="text">Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<p class="more">more...</p>
			</div>
			<div class="main_mid_1">
				<img src="images/icon3.jpg">
				<p class="text">Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<p class="more">more...</p>
			</div>
			<div class="main_mid_2">
				<img src="images/icon4.jpg">
				<p class="text">Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<p class="more">more...</p>
			</div>

		</div>

			<!-- 主体底部 -->
		<div class="main_bottom clearfix shadow">
			<div class="main_bottom_left left ">
				<img src="images/min_icon1.jpg" class="min_icon1">
				<img src="images/min_icon2.jpg" class="min_icon2">
				<img src="images/min_icon3.jpg" class="min_icon3">
				<img src="images/min_icon4.jpg">
			</div>
			<div class="main_bottom_right ">
				<h4>Welcome to the site</h4>
				<p class="text">Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer  Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer 	Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, sectetuer.</p>
				<p class="more">more...</p>
			</div>
		</div>

	
	<div class="bottom ">
		<p>Terms of Service    <span class="span"> Privacy Policy</span>     © 2009  Designzzz (www.designzzz.com)</p>
	</div>
</div>

</body>
</html>